import { Component, Input, Output, EventEmitter } from '@angular/core';

@Component({
  selector: 'app-pink',
  templateUrl: './pink.component.html',
  styleUrls: ['./pink.component.css'],
})
export class PinkComponent {
  // @Output() 属性的名字必须遵循 inputChange 模式，
  // 其中 input 是相应 @Input() 属性的名字。
  // 比如，如果 @Input() 属性为 size，则 @Output() 属性必须为 sizeChange。
  @Input() count = 0;
  @Output() countChange = new EventEmitter();
  add(num: number) {
    this.count += num;
    this.countChange.emit(this.count);
  }
}
